initEditor();

axios.get('/my/category/list').then(res =>{
  let { status, data} = res.data;
  if(status ===0){
    let str='';
    data.forEach(item => {
      str +=`<option value="${item.id}">${item.name}</option>`
    });
    $('select[name=cate_id]').append(str);
    let form =layui.form;
    form.render('select')
  }
})

// 1. 初始化图片裁剪器
var $image = $('#image')

// 2. 裁剪选项
var options = {
  aspectRatio: 400 / 280,
  preview: '.img-preview'
}

// 3. 初始化裁剪区域
$image.cropper(options)

// 2. 点击 “选择封面” 能够选择图片
$('button:contains("选择封面")').click(function () {
  $('#file').trigger('click');
});

// 3. 图片切换的时候，更换剪裁区的图片
$('#file').change(function () {
  if (this.files.length > 0) {
    // 3.1) 找到文件对象
    var fileObj = this.files[0];
    // 3.2) 创建url
    var url = URL.createObjectURL(fileObj);
    // 3.3) 更换图片
    $image.cropper('replace', url);
  }
});

$('#add-form').on('submit',function (e) {
  e.preventDefault();
  let fd = new FormData(this);
  fd.set('content', tinyMCE.activeEditor.getContent());
  let canvas = $image.cropper('getCroppedCanvas',{width:400,height:280})
  canvas.toBlob(function (blob) {
    fd.append('cover_img',blob);
    axios.post('/my/article/add',fd).then(res =>{
      let { status, message}=res.data;
      if(status ===0){
        layer.msg(message);
      }
    })
  })
})